import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import NavLink from "../NavLink/index"

class HomePage extends Component {
    render() {
        return (
            <div className="yo-flex">
                {this.props.children}

                <ul className="yo-tab yo-tab-view">
                    <NavLink to="/skill" onlyActiveOnIndex>技能</NavLink>{/*<i className="yo-ico"></i> */}
                    <NavLink to="/project">项目</NavLink>{/*<i className="yo-ico"></i>*/}
                    <NavLink to="/experience">经历</NavLink>{/*<i className="yo-ico"></i>*/}  
                    <NavLink to="/myself" onlyActiveOnIndex>我的</NavLink>
                </ul>
                
            </div>
        )
    }
}

export default HomePage;
